
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui, viewport-fit=cover">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>列表 - 77货源网</title>
	<link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/vant.css">
    <style>
		body{
			background:#FFF;
		}
		#app{
			padding:0 0.25rem;
		}
    </style>
</head>
<body>
    <div id="app" v-cloak>
		<van-nav-bar title="潮牌服饰" left-text="返回" left-arrow :fixed="true" :placeholder="true" @click-left="$$.goBack()"></van-nav-bar>
		<div>
			<template v-if="list==null">
				<div style="padding:30px;text-align:center;">
					<van-loading color="#1989fa"></van-loading>
				</div>
			</template>
			<template v-else>
			    <div v-if="indexAd.length>0">
        			<van-swipe class="my-swipe" :loop="false" :autoplay="0">
                        <van-swipe-item v-for="(item,index) in indexAd" :key="index">
                            <ul class="clearfix indexad">
                				<li v-for="(prop,i) in item" :key="i" v-if="prop.mobileHref && prop.mobileImage">
                					<a target="_blank" :href="prop.mobileHref">
                						<img :src="prop.mobileImage"> 
                					</a>
                				</li>
                			</ul>
                        </van-swipe-item>
                    </van-swipe>
        			<div style="margin:0px -0.25rem;background:#F9F9F9;height:0.15rem;width:calc(100% + 0.5rem);"></div>
        		</div>
		
				<section class="m-no" v-if="list.length==0">
					<div class="u-img"></div>
					<div class="u-spec">暂时没有找到货源</div>
				</section>
				<template v-else>
					<van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
						<ul class="article_list">
							<li v-for="(item,index) in list" :key="index">
								<a :href="'/index/detail/'+item.id+'.html'" :class="item.cover.length<=1?'disbox':''">
									<div class="info" :class="item.cover.length<=1?'disflex':''">
										<h3 class="Line2"><i v-if="item.is_class_rec==1">置顶</i><img v-if="item.is_belive" src="images/rztg.gif" style="display: inline-block;margin-right: 0.2rem;vertical-align: middle;margin-top: -2px;height: 0.28rem;">{{item.title}}</h3>
										<p class="ell">
											{{item.description}}
										</p>
										<div class="time"> <span v-html="$$.getDateDiff(item.create_time)"></span>前发布,已有{{item.views}}人看</div>
									</div>
									<div class="imageDiv clearfix" v-if="item.cover.length>1">
										<img :src="prop" class="image" v-for="(prop,i) in item.cover" :key="index">
									</div>
									<img :src="item.cover[0]" class="image" v-else-if="item.cover.length==1">
								</a>
							</li>
						</ul>
					</van-list>
				</template>
			</template>
		</div>
		<div hidden>
						<a href="/index/detail/224.html">abc广州工厂货源 手表包包衣服 一件也给批发价</a>
						<a href="/index/detail/105.html">潮牌档口一手货源 潮牌工厂 一件代发 高品质货源 全网最低价格</a>
						<a href="/index/detail/343.html">全网首家主打高端潮牌 真标 公司级 纯原 工厂直供货源 支持一件代发 支持无理由退换 添加好友备注：77货源网  诚信走天下！</a>
						<a href="/index/detail/17.html">江苏潮牌一件代发质量杠杠的  批发 批发网店代理一件代发免费代理</a>
						<a href="/index/detail/349.html">【风云潮牌】圈内老牌供应商 一手货源 招实力代理</a>
						<a href="/index/detail/204.html">常熟外贸村 一手货源团队 cool 潮服潮品站</a>
						<a href="/index/detail/177.html">潮牌服装一手货源自家高品质工厂，无痕一件代发</a>
						<a href="/index/detail/254.html">潮牌鞋服高品质一手货源 一件代发 全国免费招实力代理  </a>
						<a href="/index/detail/314.html">莆田运动潮服源头低价 一件代发 价格很低 售后几率10% 尺码齐全</a>
						<a href="/index/detail/308.html"> 广州潮牌服饰 价格优势绝对大 一手工厂对接 一件代发</a>
						<div class="pagination"><li class="page-item disabled"><a class="page-link">上一页</a></li>   <li class="page-item active" aria-current="page"> <a class="page-link" href="#">1<span class="sr-only"></span></a> </li><li class="page-item"><a class="page-link" href="/index/trousers.html?page=2" title="2">2</a></li><li class="page-item"><a class="page-link" href="/index/trousers.html?page=3" title="3">3</a></li> <li class="page-item"><a class="page-link" href="/index/trousers.html?page=2" title="下一页">下一页</a></li>  <li class="page-item disabled"><a class="page-link">共 3 页</a></li><li class="page-item disabled"><a class="page-link">共 21 条数据</a></li></div>		</div>
	</div>
	<script src="../js/jquery-3.4.1.min.js" type="text/javascript"></script>
    <script src="../js/vue.min.js" type="text/javascript"></script>
	<script src="../js/vant.min.js" type="text/javascript"></script>
    <script src="../js/common.js" type="text/javascript"></script>
    <div style="display:none;"><script type="text/javascript" src="https://v1.cnzz.com/z_stat.php?id=1279117397&web_id=1279117397"></script></div>
    <script type="text/javascript">
        var app = new Vue({
            el: '#app',
            data: {
                navIndex: 1,
                loading: false,
                finished: false,
                page:1,
                list:null,
                indexAd:[],
            },
            methods: {
    			getIndexAd(){
    				var _this = this;
    				$.getScript("/static/index/js/indexad.js",function(res){
    					_this.indexAd = $$.chunk(indexAd,12);
    				});
    			},
                onLoad() {
                    var _this = this;
                    _this.loading = true;
                    $$.ajax({
                        url: "/index/trousers.html",
                        data:{
                            page:_this.page
                        },
                        method: "post",
                        success: function (res) {
                            _this.loading = false;

                            if(_this.page==1){
                                _this.list = res.data.list;
                            }else{
                                _this.list = _this.list.concat(res.data.list);
                            }
                            _this.page++;

                            if(!res.data.hasMore){
                                _this.finished = true;
                            }else{
                                _this.finished = false;
                            }
                        }
                    });
                },
            },
            mounted: function () {
                this.onLoad();
                this.getIndexAd();
            }
        });
    </script>
</body>
</html>
